<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!--[if lt IE 9]-->
    <script type="text/javascript" src="../../../lib/html5shiv.js?rev=@@hash"></script>
    <script type="text/javascript" src="../../../lib/respond.min.js?rev=@@hash"></script>
    <!--[endif]-->
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui/css/H-ui.min.css" />
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui.admin/css/H-ui.admin.css" />
    <link rel="stylesheet" type="text/css" href="../../../lib/Hui-iconfont/1.0.8/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui.admin/skin/default/skin.css" id="skin" />
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui.admin/css/style.css" />
    <link rel="stylesheet" type="text/css" href="../../../ht-css/Project.css" />
    <link rel="stylesheet" type="text/css" href="../../../ht-css/style-q.css" />
    <!--[if IE 6]-->
    <script type="text/javascript" src="../../../lib/DD_belatedPNG_0.0.8a-min.js?rev=@@hash"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="../../../ht-css/style-q.css" />
    <link rel="stylesheet" type="text/css" href="../../../ht-css/custom.css" />
    <script>DD_belatedPNG.fix('*');</script>
    <!--[endif]-->
    <title>登录页配置</title>
</head>
<body data-id="24">
<nav class="breadcrumb">运营管理 <span class="c-gray en">&gt;</span> 活动管理 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px ;display:block" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
<article class="page-container">
    <form class="ml-20 mr-20" id="form-member"  method="post">
        <div id="tab_topnav" class="HuiTab">
            <div class="tabBar clearfix"><span>活动配置</span></div>
            <!--登录页配置-->
            <div class="tabCon bg-1 bk-gray pb-10">
                <div class="lh-20 pd-10">
                    <table class="table_li mb-10 table">
                        <thead class="text-l">
                        <tr>
                            <td class="col-3-1">
                                <div class="row ml-10">
                                    <label class="form-label f-l label-6">选择配置内容：</label>
                                    <span class="select-box size-M radius col-xs-8" style="width:70%">
                                    <select class="select" name="brandclass" size="1" id="category_id">
                                        <script id="ascription_bob" type="text/x-dot-template">
                                            {{if( it && it.length>0 ){ }}
                                            {{ for(var i=0; i< it.length; i++) { }}
                                            <option value="{{=it[i].category_id}}">{{=it[i].name}}</option>
                                            {{ } }}
                                            {{ }else{ }}
                                            <option>没有数据</option>
                                            {{ } }}
                                        </script>
                                    </select>
                                    </span>
                                </div>
                            </td>
                            <td colspan="2" class="col-3-2">&nbsp;</td>
                        </tr>
                        </thead>
                    </table>
                    <div class="line"></div>
                    <table class="table_li mb-10 table mt-10">
                        <thead class="text-l">
                        <tr>
                            <td class="col-3-1">
                                <div class="row ml-10">
                                    <label class="form-label f-l label-4">标题搜索：</label>
                                    <div class="formControls f-l">
                                        <input type="text" class="input-text radius" onkeyup="checkLength(this, 100);"  name="username"   placeholder="请输入标题搜索" id="text">
                                    </div>
                                </div>
                            </td>
                            <td class="col-3-1">
                                <label class="form-label f-l label-4">筛选时间：</label>
                                <!--<div class="f-l ml-10">-->
                                <!--<input type="text" class="input-text Wdate radius" style="width:115px;" id="logmin" readonly placeholder="请选择时间"><span class="pd-5">~</span><input type="text" class="input-text Wdate radius ml-10" style="width:115px" id="logmax" readonly placeholder="请选择时间">-->
                                <!--</div>-->
                                <div class="f-l ml-10">
                                    <input type="text"
                                           onfocus="WdatePicker({maxDate:'#F{$dp.$D(\'logmax\')}',startDate:'%y-%M-%d 00:00',dateFmt:'yyyy-MM-dd HH:mm:ss',alwaysUseStartDate:true})"
                                           id="logmin" name="start_time" class="input-text Wdate radius f-l"
                                           style="width:130px;" placeholder="请选择时间" autocomplete="off" readonly>
                                    <span class="pd-5 f-l">&nbsp;-&nbsp;</span>
                                    <input type="text"
                                           onfocus="WdatePicker({ minDate:'#F{$dp.$D(\'logmin\',{m:+1})}',endDate:'%y-%M-%d 00:00',dateFmt:'yyyy-MM-dd HH:mm:ss' })"
                                           id="logmax" name="end_time" class="input-text Wdate radius f-l"
                                           style="width:130px;" placeholder="请选择时间" autocomplete="off" readonly>
                                </div>
                            </td>
                            <td class="col-3-1">
                                <div class="row ml-10">
                                    <label class="form-label f-l label-4">筛选状态：</label>
                                    <span class="select-box size-M radius col-xs-8" style="width:70%">
                                    <select class="select" name="brandclass" size="1" id="shaixuan" >
                                        <option value="0" selected>请选择筛选状态</option>
                                        <option value="101">生效</option>
                                        <option value="102">失效</option>
                                        <option value="100">未生效</option>
                                    </select>
                                    </span>
                                </div>
                            </td>
                        </tr>

                        <tr>
                            <td class="col-3-1">
                                <div class="row ml-10">
                                    <label class="form-label f-l label-4">筛选平台：</label>
                                    <span class="select-box size-M radius col-xs-8 ml-10" style="width:62%">
                                    <select class="select" name="brandclass" size="1" id="pingtai">
                                        <option value="" selected>全部</option>
                                        <option value="20">普通平台</option>
                                        <option value="10">签约平台</option>
                                    </select>
                                    </span>
                                </div>
                            </td>
                            <td class="col-3-1">
                                <div class="row">
                                    <label class="form-label f-l text-r lh-26 w-100 ml-15" style="margin-left: -26px">地域筛选：</label>
                                    <div class="formControls f-l lh-26 ml-10">
                                        <label><input type="checkbox" checked="checked" onclick="goodselection()" id="saleAreas"/>全选&nbsp;&nbsp;</label>
                                        <span id="yunyingwareHous">  </span>
                                    </div>
                                </div>
                            </td>
                            <td class="col-3-1">
                                <div class="row ml-10">
                                    <label class="form-label f-l label-4">筛选端口：</label>
                                    <span class="select-box size-M radius col-xs-8" style="width:62%">
                                    <select class="select" name="brandclass" size="1" id="duankou">
                                        <option value="" selected>全部</option>
                                        <option value="20">移动端</option>
                                        <option value="10">PC端</option>
                                    </select>
                                    </span>
                                </div>
                            </td>

                        </tr>

                        <tr>
                            <td class="col-3-1">
                                <div class="row ml-10">
                                    <label class="form-label f-l label-4">ID搜索：</label>
                                    <div class="formControls f-l">
                                        <input type="text" class="input-text radius"  name="idName"   placeholder="请输入ID序号" id="id">
                                    </div>
                                </div>
                            </td>
                            <td class="col-3-1">
                                <div class="row ml-10">
                                    <label class="form-label f-l text-r lh-26 w-100"  style="margin-left: -51px">筛选客户：</label>
                                    <span class="select-box size-M radius col-xs-8 ml-10" style="width:62%">
                                    <select class="select" name="brandclass" size="1" id="kehu">
                                        <option value="" selected>全部</option>
                                        <option value="10">分销客户</option>
                                        <option value="20">非分销客户</option>
                                    </select>
                                    </span>
                                </div>
                            </td>
                        </tr>
                        </thead>
                    </table>
                    <div class="text-c pt-10 pb-20">
                            <input id="tianjia" type="button" class="btn btn-secondary radius size-S powerButton 205" onclick="dump_add('活动添加配置','activity_add.html')" value="&nbsp;添&nbsp;&nbsp;加&nbsp;">
                            <input id="" type="submit" class="btn btn-secondary radius size-S ml-10 powerButton 204 " value="查&nbsp;&nbsp;询">
                            <input name="" type="reset" class="btn radius size-S ml-10 powerButton 204" value="重&nbsp;&nbsp;置">
                    </div>
                </div>
                <table class="table table-border table-bg table-hover table-sort mt-10" id="datatable">
                    <thead>
                    <tr class="text-c">
                        <th width="20">ID</th>
                        <th width="100">平台</th>
                        <th width="50">客户</th>
                        <th width="50">端口</th>
                        <th width="50">地域</th>
                        <th width="100">活动名称</th>
                        <th width="70">生效时间</th>
                        <th width="70">失效时间</th>
                        <th width="50">状态</th>
                        <th width="50">创建人</th>
                        <th width="50">创建时间</th>
                        <th width="50">操作</th>
                    </tr>
                    </thead>
                    <tbody class="shun">
                    </tbody>
                </table>
                <div class="mt-40"></div>
                <div class="dataTables_wrapper goods_fanye clearfix mt-5">
                    <div class="f-r pageturning M-box3"></div>
                </div>
            </div>
        </div>
    </form>

</article>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="../../../lib/jquery/1.9.1/jquery.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/layer/2.4/layer.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../static/h-ui/js/H-ui.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../static/h-ui.admin/js/H-ui.admin.js?rev=@@hash"></script> <!--/_footer 作为公共模版分离出去-->
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="../../../lib/My97DatePicker/4.8/WdatePicker.js?rev=@@hash"></script>
<!--表单验证-->
<script type="text/javascript" src="../../../lib/jquery.validation/1.14.0/jquery.validate.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/jquery.validation/1.14.0/validate-methods.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/jquery.validation/1.14.0/messages_zh.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/datatables/1.10.0/jquery.dataTables.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/laypage/1.2/laypage.js?rev=@@hash"></script>
<script src="../../../ht-js/frame/doT.min.js?rev=@@hash"></script>
<script src="../../../ht-js/public.js?rev=@@hash"></script>
<!--验证token-->
<script src="../../../ht-js/verifyToken.js?rev=@@hash"></script>
<script src="../../../ht-js/Project.js?rev=@@hash"></script>
<script src="../../../ht-js/operation-js/operation_activity/activity_login.js?rev=@@hash"></script>

<link type="text/css" rel="stylesheet" href="../../../ht-js/operation-js/time-js/jedate.css">
<script type="text/javascript" src="../../../ht-js/operation-js/time-js/jquery.jedate.js?rev=@@hash"></script>
<!--权限控制-->
<script type="text/javascript" src="../../../ht-js/power.js?rev=@@hash"></script>
<!--引入分页-->
<link rel="stylesheet" href="../../../lib/pagination/pagination.css">
<script src="../../../lib/pagination/jquery.pagination.js?rev=@@hash"></script>
<!--仓库信息-->
<script src="../../../ht-js/dynamicWarehouse.js?rev=@@hash"></script>
<script>
    var checkLength = function(dom, maxLength){
        var l = 0;
        for(var i=0; i<dom.value.length; i++) {
            if (/[\u4e00-\u9fa5]/.test(dom.value[i])) {
                l+=2;
            } else {
                l++;
            }
            if (l > maxLength) {
                dom.value = dom.value.substr(0,i);
                break;
            }
        }
    };


//    var start = {
//        format: 'YYYY-MM-DD hh:mm:ss',
//        okfun: function(obj){
//            end.minDate = obj.val.substring(0,obj.val.length-8)+"00:00:00"; //开始日选好后，重置结束日的最小日期
//            endDates();
//        }
//    };
//    var end = {
//        format: 'YYYY-MM-DD hh:mm:ss',
//        okfun: function(obj){
//            start.maxDate = obj.val; //将结束日的初始值设定为开始日的最大日期
//        }
//    };
//    //这里是日期联动的关键
//    function endDates() {
//        //将结束日期的事件改成 false 即可
//        end.trigger = false;
//        $("#logmax").jeDate(end);
//    }
//    $('#logmin').jeDate(start);
//    $('#logmax').jeDate(end);


    jQuery.Huitab =function(tabBar,tabCon,class_name,tabEvent,i){
        var $tab_menu=$(tabBar);
        // 初始化操作
        $tab_menu.removeClass(class_name);
        $(tabBar).eq(i).addClass(class_name);
        $(tabCon).hide();
        $(tabCon).eq(i).show();

        $tab_menu.bind(tabEvent,function(){
            $tab_menu.removeClass(class_name);
            $(this).addClass(class_name);
            var index=$tab_menu.index(this);
            $(tabCon).hide();
            $(tabCon).eq(index).show()})}

    $(function(){

        $.Huitab("#tab_topnav .tabBar span","#tab_topnav .tabCon","current","click","0")});
    // #tab_demo 父级id
    // #tab_demo .tabBar span 控制条
    // #tab_demo .tabCon 内容区
    // click 事件 点击切换，可以换成mousemove 移动鼠标切换
    // 1	默认第2个tab为当前状态（从0开始）

    /* 添加*/
    function dump_add(title,url){
        var category_id=$("#category_id").val();
        var index = layer.open({
            type: 2,
            title: title,
            content: url+"?category_id=" + category_id
        });
        layer.full(index);
    }
//    $.validator.addMethod("titleCheck", function(value, element) {
//        var tel = /^[\u4E00-\u9FA5A-Za-z0-9]{0,60}$/;
//        return this.optional(element) || (tel.test(value));
//    }, "输入有误");

    $.validator.addMethod("idCheck", function(value, element) {
        var tel = /^[1-9]\d*$/;
        return this.optional(element) || (tel.test(value));
    }, "请输入正整数");
</script>
<style>
    .error{
        color:red;
    }
</style>
</body>
</html>